<!DOCTYPE html>
<html xmlns:th="https://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="referrer" content="never">
    <title>专属定制服务 | Anoyi 主题站</title>
    <link rel="icon" type="image/x-icon" href="https://cdn.anoyi.com/anoyi-favicon.ico">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet">
    <link href="https://anoyi.cn-sh2.ufileos.com/mdb.css" rel="stylesheet">
    <link href="https://anoyi.cn-sh2.ufileos.com/style.css" rel="stylesheet">
    <link href="https://anoyi.cn-sh2.ufileos.com/toastr.css" rel="stylesheet">
</head>

<body class="creative-lp" style="background-color: white">

<header>
    <nav th:replace="~{common :: nav}"></nav>
</header>

<div class="view jarallax" data-jarallax='{"speed": 0.2}' style="min-height: unset">
    <img src="https://upload-images.jianshu.io/upload_images/3424642-51a4dd0d4ed098ae.png" width="100%" style="margin-top: 70px">
    <div class="full-bg-img">
        <div class="mask rgba-black-light">
            <div class="container flex-center">
                <div class="row pt-5 mt-3">
                    <div class="col-md-12 wow fadeIn mb-3" style="visibility: visible; animation-name: fadeIn;">
                        <div class="text-center white-text">
                            <ul class="list-unstyled">
                                <li>
                                    <h5 class="display-4 mt-md-5 mt-md-0 mb-5 font-weight-bold white-text wow fadeIn" data-wow-delay="0.3s" style="visibility: visible; animation-name: fadeIn; animation-delay: 0.3s;">
                                        <strong>  一切从我们的名字开始  </strong>
                                    </h5>
                                    <hr class="hr-light wow fadeInLeft" data-wow-delay="0.3s" style="visibility: visible; animation-name: fadeInLeft; animation-delay: 0.3s;">
                                    <h6 class="wow fadeInLeft" data-wow-delay="0.3s" style="visibility: visible; animation-name: fadeInLeft; animation-delay: 0.3s;">
                                        提供互联网相关「技术」、「设计」、「创意」、「营销」服务，若有需求，请联系作者！
                                    </h6>
                                </li>
                                <li class="wow fadeIn pt-4" data-wow-delay="0.4s" style="visibility: visible; animation-name: fadeIn; animation-delay: 0.4s;">
                                    <a class="btn pink-gradient btn-rounded btn-lg font-weight-bold" href="https://cloud.anoyi.com" target="_blank">云服务</a>
                                    <a class="btn pink-gradient btn-rounded btn-lg font-weight-bold" href="/#contract">联系作者</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Main Container -->
<div class="container">
    <div class="row pt-4">
        <div class="col-lg-12">

            <!-- 服务 -->
            <section>

                <div class="row">
                    <div class="col-12">
                        <div class="row">

                            <!-- 定制博客 -->
                            <div class="col-lg-4 col-md-12 mb-4">
                                <div class="card card-ecommerce">
                                    <div class="view overlay">
                                        <img src="https://upload-images.jianshu.io/upload_images/3424642-9f2f06ec0d8685b0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="img-fluid" >
                                        <a>
                                            <div class="mask rgba-white-slight"></div>
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h4 class="card-title mb-1"><strong><span class="text-dark">博客源码</span></strong></h4>
                                        <span class="badge badge-danger mb-2">专属定制</span>
                                        <span class="badge badge-danger mb-2">免费运维</span>
                                        <span class="badge badge-danger mb-2">免费升级</span>
                                        <ul class="rating">
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                        </ul>
                                        <div class="card-footer pb-0">
                                            <div class="row mb-0">
                                                <span class="float-left"><strong>￥499起</strong></span>
                                                <span style="position: absolute; right: 30px">
                                                    <a href="/#contract"  class=""><i class="fa fa-shopping-cart ml-3"></i></a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- 定制研发 -->
                            <div class="col-lg-4 col-md-12 mb-4">
                                <div class="card card-ecommerce">
                                    <div class="view overlay">
                                        <img src="https://upload-images.jianshu.io/upload_images/3424642-bc7fac099fc50c47.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="img-fluid">
                                        <a>
                                            <div class="mask rgba-white-slight"></div>
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h4 class="card-title mb-1"><strong><span class="text-dark">技术类</span></strong></h4>
                                        <span class="badge badge-danger mb-2">前后端</span>
                                        <span class="badge badge-danger mb-2">小程序</span>
                                        <span class="badge badge-danger mb-2">云计算</span>
                                        <span class="badge badge-danger mb-2">机器学习</span>
                                        <span class="badge badge-danger mb-2">浏览器插件</span>
                                        <ul class="rating">
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                        </ul>
                                        <div class="card-footer pb-0">
                                            <div class="row mb-0">
                                                <span class="float-left"><strong>￥1000/天</strong></span>
                                                <span style="position: absolute; right: 30px">
                                                    <a href="/#contract"  class=""><i class="fa fa-shopping-cart ml-3"></i></a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- 香港服务器 -->
                            <div class="col-lg-4 col-md-12 mb-4">
                                <div class="card card-ecommerce">
                                    <div class="view overlay">
                                        <img src="https://upload-images.jianshu.io/upload_images/3424642-1ab24364a7a69243.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="img-fluid">
                                        <a>
                                            <div class="mask rgba-white-slight"></div>
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h4 class="card-title mb-1"><strong><span class="text-dark">云服务器</span></strong></h4>
                                        <span class="badge badge-danger mb-2">折扣</span>
                                        <span class="badge badge-danger mb-2">安全</span>
                                        <span class="badge badge-danger mb-2">稳定</span>
                                        <span class="badge badge-danger mb-2">不限流</span>
                                        <span class="badge badge-danger mb-2">Google</span>
                                        <span class="badge badge-danger mb-2">Youtube</span>
                                        <ul class="rating">
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                            <li><i class="fa fa-star blue-text"></i></li>
                                        </ul>
                                        <div class="card-footer pb-0">
                                            <div class="row mb-0">
                                                <span class="float-left"><strong>按量收费</strong></span>
                                                <span style="position: absolute; right: 30px">
                                                    <a href="/#contract"  class=""><i class="fa fa-shopping-cart ml-3"></i></a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
            <!--Section: Products-->

            <section>
                <!-- 广告位 -->
                <div class="row">
                    <div class="col-12">
                        <div class="view  z-depth-1">
                            <img src="https://upload-images.jianshu.io/upload_images/3424642-d5e07fb7f8af93a0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="img-fluid">
                            <div class="mask rgba-stylish-slight">
                                <div class="dark-grey-text text-right pt-lg-5 pt-md-1 mr-5 pr-md-4 pr-0">
                                    <div>
                                        <a>
                                            <span class="badge badge-danger">广告</span>
                                            <span class="badge badge-info">江浙沪包邮</span>
                                        </a>
                                        <h2 class="card-title font-weight-bold pt-md-3 pt-1">
                                            <strong>【泥瓦匠】东海海鲜礼包</strong>
                                        </h2>
                                        <p class="pb-lg-3 pb-md-1 clearfix d-none d-md-block">礼包清单：梭子蟹、滑皮虾、墨鱼、黄鱼、带鱼、鲳鱼、豆腐鱼</p>
                                        <a class="btn pink-gradient btn-rounded btn-sm font-weight-bold waves-effect waves-light" data-toggle="modal" data-target="#adContactModal">联系卖家</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 王者荣耀 -->
                <div class="row mt-4 pt-1">
                    <div class="col-lg-8 col-md-12 mb-3 mb-md-4 pb-lg-2">
                        <div class="view zoom z-depth-1">
                            <img src="https://upload-images.jianshu.io/upload_images/3424642-488732dafd7f2b2f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="img-fluid" alt="sample image">
                            <div class="mask rgba-white-light">
                                <div class="dark-grey-text d-flex align-items-center pt-4 ml-lg-3 pl-lg-3 pl-md-5">
                                    <div>
                                        <a><span class="badge badge-danger">限周末</span></a>
                                        <a><span class="badge badge-info">微信</span></a>
                                        <a><span class="badge badge-info">IOS 区</span></a>
                                        <a><span class="badge badge-info">最强王者</span></a>
                                        <h2 class="card-title font-weight-bold pt-2 text-white"><strong>王者荣耀陪玩</strong></h2>
                                        <a href="/#contract"  class="btn pink-gradient btn-rounded btn-sm font-weight-bold waves-effect waves-light">立即预约</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 跑跑卡丁车 -->
                    <div class="col-lg-4 col-md-12 mb-4">
                        <div class="view zoom z-depth-1 photo">
                            <img src="https://upload-images.jianshu.io/upload_images/3424642-7b2456e61c500aae.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="img-fluid" style="padding: 22px 0;">
                            <div class="mask rgba-stylish-strong">
                                <div class="white-text text-center">
                                    <div class="mt-5 pt-4">
                                        <a><span class="badge badge-danger">限周末</span></a>
                                        <a><span class="badge badge-info">微信</span></a>
                                        <a><span class="badge badge-info">IOS 区</span></a>
                                        <a><span class="badge badge-info">王者车手</span></a>
                                        <h2 class="card-title font-weight-bold pt-2"><strong>跑跑卡丁车陪玩</strong></h2>
                                        <a href="/#contract" class="btn pink-gradient btn-rounded btn-sm font-weight-bold waves-effect waves-light">立即预约</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </div>
    </div>
</div>

<!-- 广告联系方式 -->
<div class="modal fade right" id="adContactModal" tabindex="-1" role="dialog" aria-hidden="true">

    <div class="modal-dialog modal-notify modal-info" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <p class="heading lead">东海海鲜礼包购买</p>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true" class="white-text">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="text-center">
                    <img src="https://upload-images.jianshu.io/upload_images/3424642-50560fc8ede20e39.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="img-fluid" style="padding: 50px">
                </div>
            </div>
            <div class="modal-footer justify-content-center">
                <strong>扫一扫，添加客服二维码</strong>
            </div>
        </div>
    </div>

</div>

<!-- 返回顶部 -->
<section >
    <div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
        <a class="btn-floating btn-lg purple-gradient" style="display:none;" id="goTop">
            <i class="fa fa-arrow-up" aria-hidden="true"></i>
        </a>
    </div>
</section>

<!-- 网站底部 -->
<footer th:replace="~{common :: footer}"></footer>
<!-- /网站底部 -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/js/mdb.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>

<script>
    new WOW().init();

    // 返回顶部
    $(function(){
        $(window).scroll(function(){
            if($(window).scrollTop() > 500){
                $("#goTop").fadeIn(200);
            }
            else{
                $("#goTop").hide(200);
            }
        });
        $("#goTop").click(function(){
            $('html,body').animate({'scrollTop': 0 }, 500);
        });
    });

</script>

</body>
</html>